<template>
    <div>
        <module-bord @closeModule="$emit('closeModule')" :moduleBordProp="comfirmMsg">
            <div class="sure-start-prize">
                <h6 class="comfirm-title" v-if="comfirmMsg.title">{{comfirmMsg.title}}</h6>
                <div class="content text-center" v-if="comfirmMsg.content">{{comfirmMsg.content}}</div>
                <div class="displayFlex justifyCtArd padding20px btns-wrap">
                    <span class="confirm-btn cancle-btn" @click="$emit('cancleFn')">
                        <img v-if="comfirmMsg.cancleImg" class="cancle-start-prize" v-lazy="staticImageUrl('images/'+comfirmMsg.cancleImg)" alt=""/>
                        <span class="cancle-start-btn">{{comfirmMsg.cancleBtn}}</span>
                    </span>
                    <span class="confirm-btn sure-btn" @click="$emit('sureFn')">
                        <img v-if="comfirmMsg.cancleImg" class="sure-start-prize" v-lazy="staticImageUrl('images/'+comfirmMsg.cancleImg)" alt=""/>
                        <span class="sure-start-btn">{{comfirmMsg.suerBtn}}</span>
                    </span>
                </div>
            </div>
        </module-bord>
    </div>
</template>

<script>
    export default {
        name: "bord",
        props:{
            comfirmProp:Object,
        },
        data(){
            return {
                comfirmMsg:{
                    title:'确认开奖？',
                    suerBtn:'确认',
                    sureImg:'',
                    cancleBtn:'取消',
                    content:'',
                    cancleImg:'',
                    isNeedCloseBtn: false,
                }
            }
        },
        mounted(){
            this.comfirmMsg = Object.assign({},this.comfirmMsg,this.comfirmProp);
        },
        methods:{
        },
        components:{
            'module-bord':()=>import('../ModuleBord'),

        },
        watch:{
            comfirmProp(val){
                this.comfirmMsg = Object.assign({},this.comfirmMsg,val);
            }
        }
    }
</script>

<style scoped>
    .comfirm-title{
        text-align: center;
        font-size: .2rem;
        color: #333;
    }
    .confirm-btn{
        width: 1rem;
        height: .3rem;
        line-height: .3rem;
        color: #fff;
        font-size: .14rem;
        text-align: center;
        background-color: #00EE00;
        -webkit-border-radius: .25rem;
        -moz-border-radius: .25rem;
        border-radius: .25rem;
    }
</style>